<style>
.test{
	text-shadow: 1px 1px 3px #000;
}

<!--  CSS2 -->
.shadow {
  /* Internet explorer */
  height: 1em;
  filter: Shadow(Color=#666666, 
                 Direction=135, 
                 Strength=5);

  line-height: 2em;
  white-space: nowrap;
}

/* 
* :before om schaduw te creeeren
 */
.shadow:before {
  display: block;
  margin: 0 0 -2.12em 0.15em;
  padding: 0;
  color: #666666; 
}

#shadow_1:before { 
  content: 'Text Schaduw CSS2'; 
}

html*.shadow {
  [color:red
    text-shadow: #666666 5px 5px 5px; 

  ]color:auto; /* reset kleur voor IE6 */
}

.dummyend[id]{clear: both;}

html*.shadow:before {

  [color:red;
    
	display: none;

  ]color:auto; }

.dummyend[id]{clear: both;}
</style>
</head>
<body>
<div class="test">Dit is een tekst met de text-schadow eigenschap van CSS3</div>
<p class='shadow' id='shadow_1'>Text Schaduw CSS2</p>
<div>Dit is een tekst zonder schaduw</div>
</body>
